<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" data-field="order_status">
            <li class="active"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
            {volist name="orderStatusList" id="vo"}
            <li><a href="#t-{$key}" data-value="{$key}" data-toggle="tab">{$vo}</a></li>
            {/volist}
        </ul>
    </div>

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="t-all">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('order/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                        <a href="javascript:;" class="btn btn-info btn-batchship btn-disabled disabled {:$auth->check('order/batchship')?'':'hide'}" title="批量发货" ><i class="fa fa-truck"></i> 批量发货</a>
                        <a href="javascript:;" class="btn btn-warning btn-batchprint btn-disabled disabled {:$auth->check('order/batchprint')?'':'hide'}" title="批量打印" ><i class="fa fa-print"></i> 批量打印</a>
                        <a href="javascript:;" class="btn btn-success btn-export {:$auth->check('order/export')?'':'hide'}" title="导出订单" ><i class="fa fa-download"></i> 导出订单</a>

                        <div class="dropdown btn-group {:$auth->check('order/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="order_status=1"><i class="fa fa-eye"></i> 批量设为已付款</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="order_status=2"><i class="fa fa-truck"></i> 批量设为已发货</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="order_status=3"><i class="fa fa-check"></i> 批量设为已完成</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="order_status=4"><i class="fa fa-times"></i> 批量设为已取消</a></li>
                            </ul>
                        </div>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-detail="{:$auth->check('order/detail')}"
                           data-operate-edit="{:$auth->check('order/edit')}"
                           data-operate-del="{:$auth->check('order/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>

<script src="__CDN__/assets/js/backend/order.js"></script>